<template>
	<z-paging ref="paging" v-model="dataList" @query="queryList" bgColor="#fff">
		<template #top>
			<uv-navbar placeholder title="我的积分" :autoBack="true"></uv-navbar>
		</template>
		<view class="p-x-40 m-t-26">
			<view class="font-32 font-w-b">积分规则:</view>
			<view class="font-24 m-t-16" style="line-height: 180%">
				<!-- 1.积分管理
				<br />
				1.1 积分到账时间与查询
				<br />
				积分任务完成次日，您可在致享荟微信小程序【我的—积分】页面中查询您的积分情况。
				<br />
				1.2 积分有效期与使用期限
				<br />
				积分自到账之日起12个月内有效，积分到期自动清零。
				<br />
				积分及相应权益由会员本人享有，积分不可转让，不可分享；不同会员账号的积分不可合并、转移。
				<br />
				2.积分兑换
				<br />
				2.1 每月兑礼机会
				<br />
				致友每月均可参与积分兑礼活动，具体开放时间及可兑换产品以页面展示为准；产品数量有限，兑完即止。完整填写并提交收货信息视为兑换成功，若未在规定时间内提交收货信息，视为自动放弃奖励。 -->
				 <uv-parse :content="center"></uv-parse>
			</view>
		</view>
		<view class="box p-x-40 p-t-45">
			<view v-for="item in dataList" :key="item" class="m-b-38">
				<view>
					<view class="flex justify-betalign-ali">
						<view class="font-30">
							<!-- 类型 1注册 2订单完成 3分享拉新 4好友分享 5AI测试 -->
							<!-- {{ ['注册', '订单完成', '分享拉新', '好友分享', 'AI测试'][item.score_type - 1] }}-->
							{{ item.name }}
						</view>
						<view class="font-32">{{ ['+', '-'][item.operate - 1] }}{{ item.score }}积分</view>
					</view>
					<view class="font-26 text-greey m-t-10">
						{{ timeFormat(item.create_time, 'yyyy-mm-dd hh:MM:ss') }}
					</view>
					<view class="m-t-38" v-if="item != 3">
						<uv-line color="#D9D9D9"></uv-line>
					</view>
				</view>
			</view>
		</view>
	</z-paging>
</template>

<script setup>
import { myScore, getScoreRule } from '@/api/api';
import { ref, onMounted, reactive } from 'vue';
import route from '@/uni_modules/uv-ui-tools/libs/util/route.js';
import { timeFormat } from '@/uni_modules/uv-ui-tools/libs/function/index.js';
const paging = ref(null);
const dataList = ref([]);
const center = ref('')
const queryList = (page, limit) => {
	myScore({ page, limit }).then((res) => {
		paging.value.complete(res.data.data);
	});
};
const scoreRule = () =>{
	getScoreRule().then((res) => {
		console.log(res);
		center.value = res.data.content
	});
};
onMounted(() => {
	scoreRule()
});
</script>

<style lang="scss"></style>
